import React from 'react'
import { useNavigate } from 'react-router-dom'
import { NavBar } from 'react-vant'

const Index: React.FC = () =>  {
  const price = 1000.00
  const navigate = useNavigate()
  return (
    <div>
      <NavBar title="花呗"></NavBar>
      <div>
        <h2>
          本月应还金额
        </h2>
        <h2>
          ¥：{price}
        </h2>
      </div>
      <button onClick={() => navigate('/pay/order', { state: { price } }) }>查看详情</button>
    </div>
  )
}


export default Index